<?php
use yii\helpers\Url;

$web = Url::base();

$site_name = \app\models\Mall::getCurrentInstitutionSiteName();
$this->title = $site_name . '-秋季养生';
$imgUrl = 'http://' . \app\librarys\aliyun_oss\Config::BucketName() . '.' . \app\librarys\aliyun_oss\Config::ImageEndpoint() . '/' . \app\librarys\aliyun_oss\Config::Folder() . '/special/qjys';
?>

<style type="text/css">
    .hede-img {
        width: 16rem;
        height: 18.975rem;
        margin-bottom: .9rem;
    }

    .hede-img img {
        width: 16rem;
        height: 18.975rem;
    }

    .cate {
        width: 16rem;
        margin-bottom: .9rem;
        height: auto;
    }

    .cate .title {
        width: 11.475rem;
        height: .725rem;
        margin: 0 auto;
        margin-bottom: .55rem;
    }

    .cate .title img {
        width: 11.475rem;
        height: .725rem;
    }

    .cate .content {
        margin-top: .45rem;
        width: 16rem;
        overflow: hidden;
    }

    .cate .content ul li {
        float: left;
        width: 7.525rem;
        height: 10.5rem;
        margin-left: .325rem;
        margin-bottom: .325rem;
        background: #fff;
        border-radius: .25rem;
        position: relative;
    }

    .cate .content ul li img {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        width: 7.525rem;
        height: 7.525rem;
    }

    .cate .content ul li .name {
        width: 6.325rem;
        margin-top: .4rem;
        margin-left: .6rem;
        font-size: .45rem;
        color: #878787;
    }

    .cate .content ul li .integral {
        position: absolute;
        right: .6rem;
        bottom: .4rem;
        font-size: .6rem;
        color: #e30038;
    }

    .worldwide {
        width: 16rem;
        height: auto;
    }

    .worldwide .title {
        width: 11.475rem;
        height: .725rem;
        margin: 0 auto;
        margin-bottom: .55rem;
    }

    .worldwide .title img {
        width: 11.475rem;
        height: .725rem;
    }

    .worldwide .content {
        margin-top: .45rem;
        width: 16rem;
        overflow: hidden;
    }

    .worldwide .content ul li {
        float: left;
        width: 7.525rem;
        height: 10.5rem;
        margin-left: .325rem;
        margin-bottom: .325rem;
        background: #fff;
        border-radius: .25rem;
        position: relative;
    }

    .worldwide .content ul li img {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        width: 7.525rem;
        height: 7.525rem;
    }

    .worldwide .content ul li .name {
        width: 6.325rem;
        margin-top: .4rem;
        margin-left: .6rem;
        font-size: .45rem;
        color: #878787;
    }

    .worldwide .content ul li .integral {
        position: absolute;
        right: .6rem;
        bottom: .4rem;
        font-size: .6rem;
        color: #e30038;
    }

    .main{
        background-color: #f7f8f8;
    }
</style>

<div class="main">
    <div class="hede-img">
        <img src="<?= $imgUrl ?>/fall-head-img.jpg"/>
    </div>
    <div class="cate">
        <div class="title">
            <img src="<?= $imgUrl ?>/cate-title.png"/>
        </div>
        <div class="content">
            <ul>
                <li>
                    <a href="goods-detail?goods_code=DLHSB108">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-cate-img1.jpg"/>
                    </a>
                    <p class="name">天生骄澳199型</p>
                    <p class="integral">积分：<span>199</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHSB109">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-cate-img2.jpg"/>
                    </a>
                    <p class="name">天生骄澳299型</p>
                    <p class="integral">积分：<span>299</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHSB101">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-cate-img3.jpg"/>
                    </a>
                    <p class="name">舌尖上的东海299型</p>
                    <p class="integral">积分：<span>299</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHSB102">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-cate-img4.jpg"/>
                    </a>
                    <p class="name">舌尖上的东海399型</p>
                    <p class="integral">积分：<span>399</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHSB089">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-cate-img5.jpg"/>
                    </a>
                    <p class="name">果然好牛199型</p>
                    <p class="integral">积分：<span>199</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHSB090">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-cate-img6.jpg"/>
                    </a>
                    <p class="name">果然好牛299型</p>
                    <p class="integral">积分：<span>299</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHSB091">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-cate-img7.jpg"/>
                    </a>
                    <p class="name">果然好牛399型</p>
                    <p class="integral">积分：<span>399</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHSB037">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-cate-img8.jpg"/>
                    </a>
                    <p class="name">正耕花茶冲泡系列（三）</p>
                    <p class="integral">积分：<span>199</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHSB036">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-cate-img9.jpg"/>
                    </a>
                    <p class="name">正耕花茶冲泡系列（二）</p>
                    <p class="integral">积分：<span>299</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHSB035">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-cate-img10.jpg"/>
                    </a>
                    <p class="name">正耕花茶冲泡系列（一）</p>
                    <p class="integral">积分：<span>299</span></p>
                </li>
            </ul>
        </div>
    </div>
    <div class="worldwide">
        <div class="title">
            <img src="<?= $imgUrl ?>/worldwide-title.png"/>
        </div>
        <div class="content">
            <ul>
                <li>
                    <a href="goods-detail?goods_code=DLHJJ0431">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-worldwide-img1.jpg"/>
                    </a>
                    <p class="name">测脂肪计步器 海尔HR-SC02B</p>
                    <p class="integral">积分：<span>53</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHJJ0433">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-worldwide-img2.jpg"/>
                    </a>
                    <p class="name">欧姆龙电子体温计 MC-145 腋下口腔两用 电子体温计</p>
                    <p class="integral">积分：<span>49</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHDQ0190">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-worldwide-img3.jpg"/>
                    </a>
                    <p class="name">山水净水养生壶</p>
                    <p class="integral">积分：<span>666</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHDQ0044">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-worldwide-img4.jpg"/>
                    </a>
                    <p class="name">康佳养生壶</p>
                    <p class="integral">积分：<span>99</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHDQ0191">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-worldwide-img5.jpg"/>
                    </a>
                    <p class="name">山水原汁机</p>
                    <p class="integral">积分：<span>698</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHDQ0027">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-worldwide-img6.jpg"/>
                    </a>
                    <p class="name">倍轻松迷你按摩器--M339</p>
                    <p class="integral">积分：<span>63</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHDQ0028">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-worldwide-img8.jpg"/>
                    </a>
                    <p class="name">倍轻松按摩套装</p>
                    <p class="integral">积分：<span>171</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHQC0066">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-worldwide-img7.jpg"/>
                    </a>
                    <p class="name">清华同方车载按摩器TF-GCM11</p>
                    <p class="integral">积分：<span>180</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHDJ0070">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-worldwide-img9.jpg"/>
                    </a>
                    <p class="name">仿鹅卵石健康足底按摩走毯</p>
                    <p class="integral">积分：<span>55</span></p>
                </li>
                <li>
                    <a href="goods-detail?goods_code=DLHDQ0196">
                        <img class="lazy" data-original="<?= $imgUrl ?>/fall-worldwide-img10.jpg"/>
                    </a>
                    <p class="name">山水足浴器</p>
                    <p class="integral">积分：<span>339</span></p>
                </li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $("img.lazy").lazyload({});
        });
    </script>
</div>
